<template>
  <div v-show="item.isShow" class="f ac pt10 pb10 CusPulseDorsalis">
    <div
      :class="['nowrap mr10 tr', item.required ? 'need' : '']"
      :style="{
        width: item.isLabelWidth ? item.labelWidth + 'px' : 'auto',
      }"
    >
      {{item.label}}
    </div>
    <div :class="['f1 f ac rel', ]">
      <Select :value="item.value1" @on-change="changePulseDorsalis" :class="['rds5', item.errmsg ? 'error' : 'bdCommon']" style="width:150px" :disabled="item.disabled" transfer>
        <Option v-for="item in pulseOptionList" :value="item.id" :key="item.id">{{ item.name }}</Option>
      </Select>
      <div v-if="item.value1 == 2 || item.value1 == 3" class="f">
        <div class="nowrap pl20 pr10 need">{{pulseDorsalisText}}</div>
        <div v-for="curOpt in degreeList" :key="curOpt.id" :class="['f ac mr15', curOpt.disabled || item.disabled ? 'disabled' : '']" @click="changeDrgee(curOpt)">
          <div :class="['rds50 f ac xc mr5 trans3 poi']" :style="{width:'16px',height:'16px',border: item.value2 == curOpt.id ? '1px solid #1aada7' : '1px solid #dcdee2'}">
            <div v-if="item.value2 == curOpt.id" class="rds50" style="transform:translateX(0.2px);width:10px;height:10px;background:#1aada7;"></div>
          </div>{{curOpt.name}}
        </div>
      </div>
      <div class="abs l0 gred" style="bottom:-20px;">{{item.errmsg}}</div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped>
</style>
<style>
.CusPulseDorsalis .ivu-select-selection{
  border: none;
}
.CusPulseDorsalis .error{
  border: 1px solid #ed4014;
}
.CusPulseDorsalis .bdCommon{
  border: 1px solid #ccc;
}
.CusPulseDorsalis .bdCommon:hover{
  border: 1px solid #1aada7;
}
</style>